<template>
  <div class="about">
    <div>
      <span>
        <a @click.prevent="Jumpuser('/home/users')">个人首页</a>
      </span>
      <span>
        <a @click.prevent="Jumprec('recommend')">推荐首页</a>
      </span>
    </div>

    <router-view></router-view>
  </div>
</template>
<script>
export default {
  methods: {
    Jumpuser(url) {
      this.$router.push({
        path: url,
        query: {
          booknameO: '西游记',
          booknameT: '红楼梦',
          booknameF: '水浒传',
        },
      })
    },
    Jumprec(uname) {
      this.$router.push({
        name: uname,
        query: [
          { name: '百年孤独' },
          { name: '简 ● 爱' },
          { name: '福尔摩斯探案集' },
        ],
      })
    },
  },
}
</script>
<style>
div {
  margin: 20px;
}
span {
  margin-right: 10px;
  cursor: pointer;
}
</style>
